<template>
    <ul class="todo-main">
        <Item 
          v-for="todo in cars" 
          :key="cars.id" 
          :cars="todo" 
          :changeCheck="changeCheck"
          :deleteTodo="deleteTodo">
        </Item>
    </ul>
</template>

<script>
import Item from './Item.vue';
    export default{
        name: 'List',
        components:{Item},
        props:['cars','changeCheck','deleteTodo']
    }
</script>

<style scoped>
  /*main*/
  .todo-main {
    margin-left: 0px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0px;
  }

  .todo-empty {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 5px;
    margin-top: 10px;
  }
</style>